<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<meta name="format-detection" content="telephone=no" />
	<title>我的转让详情</title>
	<link rel="stylesheet" href="../../css/reset.css" />
	<link rel="stylesheet" href="../../css/contractdetail.css">
	<style>
		.details {
			display: none;
		}
	</style>
</head>

<body>
	<div id="box" class="switchbutton">
		<div class="data-detail">
			<div class="machine-detail">
				<div class="machine-detail-up">
					<div class="machine-name">
						<span class="name-th">算力合约包(限租60T) </span>
						<!-- <div class="machine-type">
							双挖 #dee3ff
							<span>活期</span>
							<span>期货上浮</span> <span>达标上浮</span>
						</div> -->
					</div>
					<div class="machine-preice">
						<span style="height: 0.76rem;">
							<span style="font-size: 0.26rem;padding-right: 0.15rem;color: #999999;">承接金额</span>
							<span class="deposit">300</span>
							<span class="unit" style="font-size: 0.26rem;padding-right: 0.15rem">CNY</span>
						</span>
						<!-- 待承接 color：#80d699;background-color:#edfff2; 转让成功:color:#ffbb03; bcgkcolor:(#fff1d5;-->
						<p class="orderStaus"
							style="width: 1.3rem;height: 0.54rem; display:flex;align-items: center;justify-content: center;color: #ff6678;background-color: #ffe3e6;border-radius: 0.1rem;">
							待挖
						</p>
					</div>
					<div class="machine-detail-down">
						<p class="stopRentPower"><span>合约算力</span><span class="transsPower">0</span></p>
						<p class="daylimit"><span>合约锁定期限</span> <span>30天起</span></p>
						<p class="numadd"><span>承接时间</span><span class="tranferTime">0000-00-00</span></p>
						<!--<p class="numadd"><span><span>转让人</span> <span class="disnum">张*优</span></p> -->
					</div>
				</div>
			</div>
			<ul>
				<li>
					历史产出
					<span style="margin-left: 0.72rem;" class="historyPro"></span>
				</li>
				<li>
					发币方式
					<span style="margin-left: 0.72rem;" class="getStyle">日结，次日发放至账户</span>
				</li>
				<li>
					开挖时间
					<span style="margin-left: 0.72rem;" class="BeginrunningDate"></span>
				</li>
				<li id="showEndTime" style="display: none;">
					到期时间 <span style="margin-left: 0.72rem;" class="endDate"></span>
				</li>
				<li>
					算力来源
					<span style="margin-left: 0.72rem;" class="calculateSource"></span>
				</li>
			</ul>
		</div>
		<div class="bottomForce">
			<p style="width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;"><span>基础算力</span>
				<span>1T/份</span></p>
			<p class="showWindow">
				<span>奖励总算力</span> <span>1T</span>
				<img src="../../image/arrow.png" alt="" />
			</p>
		</div>
	</div>
	<script src="../../script/autosize.js"></script>
	<script src="../../script/fastclick.js"></script>
	<script src="../../script/jquery_three_two_one.js"></script>
	<script src="../../script/fastclick.js"></script>
	<script src="../../script/app.js"></script>
	<script>
		apiready = function () {
			var app = new APP();
			var account = app.getAccount();
			var machineId = api.pageParam.machineID; //机器ID
			var thisMatchine; //机器信息
			//我的转让详情
			function getMachineDetail(account, machineId) {
				app.ajaxNew("transfer/myDetail", {
						uid: account.uid,
						token: account.token,
						transfer_id: machineId
					}, true,
					function (ret) {
						if (ret.code == 1) {
							thisMatchine = ret.data;
							$(".calculateSource").text(ret.data.power_node_name);
							// $(".disnum").text(ret.data.to_username.length > 10 ? (ret.data.to_username.slice(0, 6) +"…") : ret.data.to_username);
							$(".tranferTime").text(ret.data.operateTime.split(" ")[0]);
							$(".transsPower").text(ret.data.total_power + "T");
							$(".name-th").text(ret.data.name);
							$(".orderStaus").text(ret.data.state_format);
							$(".deposit").text(ret.data.total_deposit);
							$(".unit").text(ret.data.pay_currency);
						} else {
							app.toast(ret.message)
						}
					})
			}
			getMachineDetail(account, machineId);
		};
	</script>
</body>

</html>